<!DOCTYPE HTML>
<!--[if lt IE 7 ]><html class="ie6 ielt8"><![endif]-->
<!--[if IE 7 ]><html class="ie7 ielt8"><![endif]-->
<!--[if IE 8 ]><html class="ie8"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>html5 x css</title>
<style type="text/css">
.floatlt { float: left; }
.floatrt { float: right; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }
.ielt8 .clearfix { zoom:1; }
div { border: 1px solid #333333; }
</style>
</head>
<body>
<div class="clearfix">
  <div class="floatrt" style="width:500px; height:300px;">right</div>
  <div class="floatlt" style="width:100px; height:350px;">left</div>
  <div class="main" style="margin:0px 502px 0px 102px;">main</div>
</div>
</body>
</html>
